<!DOCTYPE html>
<html lang="en">
<head>
    {include file="common/head"}
</head>
<body class="body-wrapper">
{include file="common/menu"}
{include file="common/banner_one"}
<section class="section gallery">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="controls">
                    <div class="btn-group d-block">
                        {if $Cate.parent_id}
                        {hkcms:channel name="$Cate['parent_id']"}
                        <label class="btn">
                            <a href="{$item.url}">{$item.title}</a>
                        </label>
                        {/hkcms:channel}
                        {hkcms:channel name="$Cate['id']" type="peer" ismenu="1" currentstyle="active" istotal="1"}
                        <label class="btn {$item.currentstyle}">
                            <a href="{$item.url}">{$item.title}</a>
                        </label>
                        {/hkcms:channel}
                        {else /}
                        <label class="btn active">
                            <a href="{$Cate.url}">{$Cate.title}</a>
                        </label>
                        {hkcms:channel name="$Cate['id']" type="son" ismenu="1" currentstyle="active" istotal="1"}
                        <label class="btn {$item.currentstyle}">
                            <a href="{$item.url}">{$item.title}</a>
                        </label>
                        {/hkcms:channel}
                        {/if}
                    </div>
                </div>
                <div class="gallery-wrapper row">
                    {hkcms:content num="$Cate.num" page="1"}
                    <div class="gallery-item col-lg-3 col-md-3">
                        <div class="image-block">
                            <div class="image">
                                <img src="{$item.thumb}" alt="gallery-image" class="img-fluid">
                                <div class="primary-overlay">
                                    <a class="image-popup" data-effect="mfp-with-zoom" href="{$item.thumb}"><i class="fa fa-picture-o"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/hkcms:content}
                </div>
                <div class="row">
                    <div class="col-12 text-center">
                        <nav class="d-flex justify-content-center">
                            {hkcms:contentpage item="home,pre,pageno,next,last,info" mobile_item="pre,pageno,next" home="&laquo;" pre="&lsaquo;" next="&rsaquo;" last="&raquo;" /}
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{include file="common/map"}
{include file="common/footer"}
</body>
</html>